<template>
  <div>
    <!-- 具名插槽 -->
    <!-- <header>
      <slot name="header"></slot>
    </header>
    <main>
      <slot name="main"></slot>
      <p>我是子组件</p>
    </main>
    <footer>
      <slot name="footer"></slot>
    </footer>-->

    <!-- 作用域插槽 -->
    <slot :girlHero="girlHero"></slot>
  </div>
</template>

<script>
export default {
  data() {
    return {
      girlHero: [
        {
          id: 1,
          nickname: "母大虫",
          name: "顾大嫂"
        },
        {
          id: 2,
          nickname: "母夜叉",
          name: "孙二娘"
        },
        {
          id: 3,
          nickname: "扈三娘",
          name: "王英的媳妇"
        }
      ]
    };
  }
};
</script>
<style scoped>
</style>